﻿body{
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4099ff), to(#185AA6));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);

  /* IE 10 */
  background: -ms-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);
  background-repeat:no-repeat;
}

a {
	text-decoration:none;
	color:inherit;
}


h1 {
	font-size:3.75em;
	font-family:cursive;
	margin:0px;
	color:#fff;
	text-align:center;
	text-shadow: -4px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

h2 {
	margin-left:2.5em;
	color:#000;
}

h3 {
	text-align:center;
	margin-top:0px;
	font-size:1.25em;
}

/*Basic Layout styles*/

#wrapper{
	width:100%;
	top:0px;
	position:relative;
	height:auto ;
	min-height:1000px;
	font-family:sans-serif;
	margin: 0 auto;
	
}

#header{
	
	width:100%;
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4099ff), to(#185AA6));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #56A2FA, #4196F7, #56A2FA);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);

  /* IE 10 */
  background: -ms-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #56A2FA, #56A2FA, #4099ff, #D2E4F9, #ffffff);
	border-bottom: 2px solid white;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	
}


#header form{
	float:right;
	margin-top:-70px;
}

#login_data{
float: right;
margin-top: -70px;
padding-right:10px;
}

#content{
	min-height:100%;
	height:auto;
	width:79%;
	float:left;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#sidebar{
	min-height:500px;
	height:auto;
	width:20%;
	border-left:2px solid #A2A2A2;
	float:right;
	background:inherit;
	background-color:inherit;	
	padding-top:10px;
	padding-left:10px;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#footer{
	min-height:10px;
	height:auto;
	width:100%;
	border-top:2px solid #A2A2A2;
	text-align:center;
	font-size:12px;
	position:fixed;
	bottom:0px;
}


/*Basic Layout styles end*/

/*Links styles*/
#linkbox{
	width:15%;
	height:220px;
	border:1px solid white;
	border-radius:5px;
	float:left;
	margin-left:1.4%;
	margin-top:10px;
	text-align:center;
	background-color:#4196F7;
	box-shadow: 2px 2px 2px white;
	background-size:cover;
}

#linkbox:active{
	box-shadow:inset 4px 4px 2px white;
}

#skinselect{
	width:16%;
	height:80px;
	padding:10px;
	border:1px solid white;
	border-radius:5px;
	float:left;
	margin-left:1.4%;
	margin-top:20px;
	text-align:center;
	background-color:#4196F7;
	box-shadow: 2px 2px 2px white;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	
}

#changepw{
	width:13%;
	height:200px;
	padding:10px;
	border:1px solid white;
	border-radius:5px;
	float:left;
	margin-left:1.4%;
	margin-top:20px;
	text-align:center;
	background-color:#4196F7;
	box-shadow: 2px 2px 2px white;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}

#profileinfo{
	width:30%;
	height:320px;
	padding:10px;
	border:1px solid white;
	border-radius:5px;
	float:left;
	margin-left:1.4%;
	margin-top:20px;
	text-align:left;
	background-color:#4196F7;
	box-shadow: 2px 2px 2px white;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
	
	#mailchange{
	width:15%;
	height:200px;
	padding:10px;
	border:1px solid white;
	border-radius:5px;
	float:left;
	margin-left:1.4%;
	margin-top:20px;
	text-align:center;
	background-color:#4196F7;
	box-shadow: 2px 2px 2px white;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}
	
/* Tabellen med checkbox for egenvalg */
	.divTable    {
        display: table;
        width:auto;
		padding:10px;
       background-color:#4196F7;
        border:1px solid white;
		border-radius:5px;
		margin-left:1.4%;
		margin-top:20px;
		box-shadow: 2px 2px 2px white;
        border-spacing:5px;
		float:left;
		color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    } 

    .divRow    {
       display:table-row;
	   text-align:left;
       width:auto;
    }

    .divCell    {
        float:left;
		text-align:left;
        display:table-column;
        width:125px;
        background-color:#4196F7;
    }
	
/*boxen med informasjon om linkene*/
#infowrap{
	padding:10px;
	border-top:1px solid white;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	word-wrap: break-word;
	width:90%;
	font-size:16px;
	text-align:center;
}

.kontaktform{
	margin-top:30px;
	text-align:center;
}

#list_container{
	border:1px solid grey;
	width:70%;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-weight:none;
	
}
#list_container ul{
	float:left;
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
}

#list_container a{
	color:blue;
	text-decoration:underline;
}

/*Hjelp vindu, spørsmålstegnet i sidebar*/


#vindu {
	visibility:hidden; /*skjuler diven for brukeren til den blir kalt opp*/
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: rgba(65, 150, 247, .8);
}
/*Diven som popper opp når du trykker på spørsmålstegnet*/
#vindu div {
	width:500px;
	margin:100px auto;
	border:1px solid black;
	border-radius:20px;
	padding:15px;
	text-align:left;
	color:#fff;
	font-family:cursive;
	text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	background-color:#4196F7;
}

/*media queries, egne styles for forskjellige skjermer som blir lastet utifra størrelse på skjerm*/
	
/*Telefoner, med max skjermbredde på 1025px*/

@media screen and (max-width:1025px)
{
		body{
		margin:0px;
		}
		textarea{
		max-width:300px;
		}
		h1 {
		margin:0px;
		font-size:40px;
		}
		
		h2 {
		margin:0px;
		font-size:20px;
		}
		#sidebar{
		display:none;
		}
		#header{
		width:100%;
		height:70px;
		text-align:center;
		}
		#header span{
		margin-top:-5px;
		font-size: 12px;
		}
		#header p{
		margin-top:0px;
		position:absolute;
		left:5px;
		top:50px;
		}
		#header input{
		width:70px;
		margin-top:70px;
		}
		#wrapper{
		width:100%;
		}
		#content{
		width:100%;
		}
		#linkbox{
		margin:0 auto 0;
		width:30%;
		height:100px;
		margin-left:2.4%;
		margin-top:10px;
		}
		.divTable  {
		width:95%;
		padding:0px;
		margin-top:10px;
		}
		.divRow {
		width:100%;
		}
		.divCell {
		width:33%;
		font-size:0.8em;
		}
		#mailchange{
		width:95%;
		padding:0px;
		margin-top:10px;
		}
		#profileinfo{
		width:95%;
		padding:0px;
		margin-top:10px;
		}
		#changepw{
		width:95%;
		padding:0px;
		margin-top:10px;
		}
		#skinselect{
		width:95%;
		padding:0px;
		margin-top:10px;
		}
	}
	
	/*små skjermer, skjermer med minimum 1026 px og max 1280px bredde.*/
	@media screen and (min-width:1026px) and (max-width:1280px)
	{
		#linkbox {
		width:15%;
		height:150px;
		margin-left:1.2%
		}
	}